
.audio-box{
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	background: url('../image/playbar.png');
	background-position: 0 0;
	/* background-color: #000; */
	/* background-color: rgba(0,0,0,1); */
	/* color: #fff; */
	/* background: rgb(46,45,45); */
	/* border: .01rem solid rgba(0,0,0,0.2); */
}
.audio-container{
	width: 1000px;
	margin-left:290px;
}
.audio-view{
	position: relative;
	padding-left: 100px;
	padding-right: 180px;
	height: 100px;
}
.audio-cover{
	width: 30px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 5px;
	border: .01rem solid rgba(0,0,0);
	border-radius:.03rem; 
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
}
.audio-cover img{
	/* display: block;
	height: 100%;
	margin: auto; */
	width: .29rem;
	height: .29rem;
	
}
.audio-body{
	/* padding: 0 10px; */
	margin-left:-55px; 
}
.audio-title{
	/* font-weight: 400; */
	margin-top:10px; 
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	color: white;
	overflow: hidden;
}
.audio-backs{
	position: relative;
	padding-left: 5px;
	padding-right: 280px;
	margin-top: 5px;
	height: 15px;
}
.audio-this-time{
	position: absolute;
	top: 3px;
	left:500px;
	width: 60px;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	color: rgb(140,140,140);
}
	
.audio-count-time{
	position: absolute;
	top: 3px;
	right: 170px;
	width: 60px;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	color: rgb(99,99,99);
}
/* .audio-this-time{
	left: 0;
} */
/* .audio-count-time{
	right: 0;
	text-align: right;
} */
.audio-backs a{
	position: absolute;
	top: 0px;
	right: 235px;
	font-size: 10px;
	color: rgb(99,99,99);
}
.audio-setbacks{
	height: 6px;
	border-radius: 3px;
	background-color: rgb(23,23,22);
	box-shadow: 0px 2px 1px rgba(13,13,13,.73);
}
.audio-setbacks{
	position: relative;
	top: 30%;
}
.audio-cache-setbacks,
.audio-this-setbacks{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 3px;
}
.audio-cache-setbacks{
	background-color: #535353;
	z-index: 1;
	cursor: pointer;
}
.audio-this-setbacks{
	background-color: #c70c0c;
	z-index: 2;
}
.audio-backs-btn{
	position: absolute;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	top: 50%;
	right: -7px;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
}
.audio-btn{
	
	position: absolute;
	width: 150px;
	height: 50px;
	left: -130px;
	top: -35px;
}
.audio-select{
	height: 20px;
	margin-top: 50px;
	width: 150px;
	/* float: right; */
	display: flex;
}
/* .audio-select > div{
	margin-top:-10px; 
	width: 28px;
	height: 28px;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
} */
/* .audio-select > div + div{
	margin-left: 20px;
} */
.audio-prev{
	background-image: url('../image/playbar.png');
	/* display: block; */
	/* float: left; */
	margin-top:-7px; 
    width: 28px;
    height: 28px;
	/* margin-right: 5px; */
	/* padding: 0 5px; */
	/* background-position: center center; */
    /* margin-top: 5px; */
	 text-indent: -9999px;
	 background-position: 0 -130px;
}
.audio-next{
	background-image: url('../image/playbar.png');
	background-position: -80px -130px;
	margin-top:-7px; 
    width: 28px;
	height: 28px;
	margin-left:9px;
}
.audio-play{
	background-image: url('../image/playbar.png');
	margin-top:-12px; 
	/* padding-left:10px;  */
	background-position: 0 -204px;
	margin-left:9px; 
	width: 36px;
    height: 36px;
    /* margin-top: 0; */
	
}
.audio-stop{
	background-image: url('../image/playbar.png');
	
	background-position: 0 -165px;
}
.audio-menu{
	background-image: url('../image/playbar.png');
	background-position: -42px -68px;
	margin-top:-7px; 
	position: absolute;
	left: 905px;
    width: 28px;
    height: 28px;
}
.audio-liebiao{
	background:  url('../image/playbar.png');
	position: absolute;
	left: 878px;
	margin-top:-7px; 
	background-position: -66px -344px;
    width: 28px;
    height: 28px;
}
.audio-suiji{
	background:  url('../image/playbar.png');
	background-position:-66px -248px;
}
.audio-volume{
	background-image: url('../image/playbar.png');
	background-position: -2px -248px;
	position: absolute;
	left: 850px;
	margin-top:-7px; 
    width: 28px;
    height: 28px;
}
.audio-list{
	position: absolute;
	left:600px;
	color: #000;
	height: 250px;
	/* background-color: #fff; */
	/* background: rgb(35,35,36); */
	background: rgb(25,24,23);
	bottom: 17px;
	border: 1px solid rgb(0,0,0);
	width: 500px;
	border-radius: 5px  5px 0 0;
	padding-top: 10px;
	display: none;
}
.audio-list-head{
	position: relative;
	/* padding-bottom: 10px; */
	top: -10px;
	background: rgb(30,30,30);
	border-radius: 5px  5px 0 0;
	border-bottom:1px solid rgb(0, 0, 0); 
	height: 40px;
	/* border-bottom: 1px solid rgb(0, 0, 0); */
}
.audio-list-head p{
	padding-left: 8px;
	font-size: 13px;
	line-height: 40px;
	color: rgb(216,216,215);
	/* background: rgb(22,20,19); */
}
.audio-list-head span{
	position: absolute;
	right: 8px;
	top: 0;
	font-size: 13px;
	display: block;
	width: 35px;
	line-height: 40px;
	color: rgb(102,102,102);
	/* border: 1px solid #ccc; */
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}
.audio-inline{
	height: 200px;
	overflow-y: scroll;
	/* height: 63.5338px; */
    display: block;
    top: 194px;
}
.audio-inline li{
	font-size: 13px;
	line-height: 2;
	height: 30px;
	padding-left: 8px;
	padding-right: 8px;
	
	/* border-top: 1px solid #ccc; */
}
.audio-inline li:hover{
	background: rgb(13,13,13);
}
.audio-inline a{
	font-size: inherit;
	color: inherit;
	text-decoration: none;
	height: 30px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: rgb(216,216,215);
}
.menu-show,
.audio-show-volume{
	display: block !important;
}
.audio-set-volume{
	/* background-color: #000; */
	/* background-color: rgba(0,0,0,0.5); */
	background: rgb(41,41,41);
	/* border:1px solid rgba(0,0,0); */
	border: 1px solid rgb(0, 0, 0);
	border-bottom: none;
	position: absolute;
	bottom: 17px;
	width: 32px;
	height: 115px;
	/* right: 5px; */
	left: 846px;
	z-index: 999;
	display: none;
}
.volume-box{
	width: 5px;
	margin: auto;
	display: block;
	position: relative;
	background-color: #000;
	border-radius: 2.5px;
	height: 100px;
	bottom: -10px;
}
.volume-box span{
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	margin-left: -5.5px;
	margin-top: -5.5px;
	left: 50%;
	cursor: pointer;
}
.volume-box i{
	position: absolute;
	width: 100%;
	border-radius: 2.5px;
	background-color: #c70c0c;
	height: 0;
	display: block;
	bottom: 0;
}

.scfx{
	width: 64px;
	position: absolute;
	left: 650px;
	top: -2px;
	/* background: red; */
	height: 50px;
	display: flex;
	padding: 10px 0;
}
.scfx .sc{
	background: url('../image/playbar.png')no-repeat;
	flex: 1;
	background-position: -85px -163px;
	width: 25px;
	height: 25px;
}
.scfx .fx{
	flex: 1;
	background: url('../image/playbar.png')no-repeat;
	background-position: -114px -163px;
	width: 25px;
	height: 25px;
}
.scfx a{
	flex: 0 0 2px;
	height: 25px;
	color: rgb(64,63,63);
	display: block;
	box-shadow: -1px 0px 3px rgb(30,30,30);

}